<template>
  <div class="lesson-box" style="width: 100%; height: 100%">
    <h2 class="lesson-title" style="width: 100%">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-play"></use>
      </svg>
      2-5 大厂编程规范二：你知道代码格
    </h2>
    <div class="video-box" style="color: #fff">
      <video
        style="width: 100%; height: 100%"
        src="https://outin-c840c4fbcb3f11ee804e00163e1a6832.oss-cn-shanghai.aliyuncs.com/c044e2763d4671ef802a4531959d0102/3bbe5daf459c17dd0e40d29c7eb93e95-ld.mp4?Expires=1729751487&OSSAccessKeyId=LTAIxSaOfEzCnBOj&Signature=WnwpKzZak4RsutqUm5QL9bEIH74%3D"
        controls="true"
      ></video>
    </div>
  </div>
</template>
<script setup lang="ts"></script>
<style scoped lang="less">
.lesson-box {
  background-color: #1d1f21;
  height: 50px;
  padding: 0 0 0 20px;
  display: flex;
  flex-direction: column;
  // width: 100%;
  // height: 100%;
  .lesson-title {
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
  }
  .video-box {
    padding: 5px;
  }
}
</style>
